<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>充电记录详情</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/fileinput.js'></script>
  <script type='text/javascript' src='../static/js/zh.min.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src="../static/js/chargingRecordDetail.js"></script>
  <script type='text/javascript' src='../static/table/chargingRecordDetailTable.js'></script>
</head>
<body>
  <div class="detalisTop">
	  <div class="top" style="padding-left:3%;">
		<h4 class="partTitle"> 
          <span class="detalisBack" onclick="goback();"></span>
          	当前位置: 充电记录 <span class="comSpanTitle">></span><a onclick="goback();">充电记录</a><span class="comSpanTitle">></span>详情
        </h4>
	  </div>
	  <div class="blue"></div>
   </div>
  <div class="partDetalis">
    <form class="form-horizontal" id="searchChargingRecordDetail">
      <input id="rows" name="rows" hidden="hidden" value="10">
  	  <input id="page" name="page" hidden="hidden" value="1">
  	  <input id="ID" name="ID" hidden="hidden">
    </form>
      <div class="partTable">
      	<div class="col-sm-12 oneWidth">
	        <div class="col-sm-4 AhalfWidth">
              	<div class="comTitle bacLightGreen fontWhite"><span class="borWhite"></span>&nbsp;<span id="stationName">充电站信息</span></div>
              	<div class="comBody bacWhite" id="detailOneBody"></div>
            </div>
            <div class="col-sm-8 AhalfWidth">
              	<div class="comTitle bacWhite"><span class="borBlue" style=""></span>&nbsp;电量信息</div>
              	<div class="comBody col-sm-12 bacWhite" >
              		<div class="col-sm-6">
              			<div id="stationEcharts" class="col-sm-12" style="height: 210px;margin-top:0"></div>
              			<div class="col-sm-12">
              				<div class="marginBottomTen"><div class="equipmentSOCdiv1">开始SOC(%): <span id="startSOC">0</span></div></div>
              				<div><div class="equipmentSOCdiv2">实充SOC(%): <span id="totalSOC">0</span></div></div>
              			</div>
              		</div>
              		<div class="col-sm-6" id="detailTwoBody"></div>
              		
              	</div>
            </div>
            
		</div>
		<div class="col-sm-12 oneWidth">
			<div class="col-sm-4 AhalfWidth">
              	<div class="comTitle bacWhite"><span class="borBlue" style=""></span>&nbsp;车辆信息</div>
              	<div class="comBody bacWhite" id="detailThreeBody"></div>
            </div>
            <div class="col-sm-8 AhalfWidth">
              	<div class="comTitle bacWhite"><span class="borBlue"></span>充电曲线</div>
              	<div class="bacWhite">
              		<div id="histogram" class="comBody bacWhite"></div>
              	</div>
		  	</div>
		</div>
		<div class="col-sm-12 oneWidth">
			<div class="col-sm-4 AhalfWidth">
              	<div class="comTitle bacWhite"><span class="borBlue" style=""></span>&nbsp;运营信息</div>
              	<div class="comBody bacWhite" id="detailFourBody"></div>
            </div>
        </div>
      </div>
  </div>
 <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="fileinputModal" tabindex="-1" class="modal fade popup1">
     <div class="popupFileInput">
         <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true" class="close">&times;</span>
             </button>
             <h4 class="fileInputTitle" id="fileinputTitle">充电过程文件上传</h4>
         </div>
         <div class="modal-body fileInputBody">
             <form id="importFileForm" class="form-horizontal" method="post" enctype="multipart/form-data">
             </form>
         </div>
         <div class="modal-footer fileInputFooter">
             <button type="button" class="btn btn-primary" onclick="confirm();">确定</button>
             <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
         </div>
     </div>
 </div>
 <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="Message" tabindex="-1" class="modal fade popup">
     <div class="popupTable" style="width:30%;margin:auto;margin-top:10%;">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
         <h4 class="modal-title" id = "saveTitle"></h4>
       </div>
       <div class="modal-body">
    <textarea  id="message" rows="10" style="width:100%" readonly></textarea>
    </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" onclick="messageSure()">关闭</button>
      </div>
    </div>
  </div>
</body>
</html>
